@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
body { width:100%; font-family:"微软雅黑";}
.holecommonNav { width:100%; height: 60px; background:#fff;}
.commonNav { width:65%; margin:0 auto; height:60px; background:#fff;}

.cnLogo { width:20%; float:left; margin:5px 0 0 0;}
.cnLogo img { width:100%;}
.cnIn {height:60px; float:left; width:62%; margin: 0 0 0 20px;}
.cnIn ul{ width:100%;}
.cnIn ul li{ float:left; width:16%; height:60px; line-height:60px; text-align:center; list-style:none;}
.cnIn ul li a{ text-decoration:none; color:#0ea49e; font-size:20px;  font-family:"微软雅黑";}

.cnIn ul li a:hover{ color:#0ea49e; border-bottom: 2px solid #0ea49e;}

.personName { width:15%; height:80px; float:right; position:relative;}
.personName img{float:left; margin: 10px 0 0 0;}
.personName .nameDetail .userPicture img { margin: 0;}
.personName .userName{float:left; display:inline-block; line-height:40px; margin:0 0 0 5px; text-decoration:none; color:#929292;}
.nameDetail{ width:200%; padding:0 0 10px 0; background:rgba(255,255,255,0.6); position:absolute; top:60px;}
.nameTop { width:100%; padding:0 0 10px 0; border-bottom:1px solid #999;}
.nameTop .userPicture { width:60px; height:60px; background:#0CF; float:left; margin:40px 0 0 10px;}
.nameTop .userPicture #useImage { width: 60px; height: 60px; overflow: hidden;}
.userText {  float:left; width:55%; margin:30px 0 0 10px;}
.nameMannge { color:#999; margin:10px 0 0 0;}
.nameMannge a{ text-decoration:none; color:#666;}
.signAndRegister { width:100%; margin:5px 0 0 0;}
.signAndRegister a { width:45%; text-align:center; text-decoration:none; color:#333; display:inline-block;}


.bieshuBanner { width:100%; background:url(../img/bieshuBanner01.png) no-repeat; height:300px;background-size: 100% 100%;}
.bieshuBannerIn { width:65%; margin:0 auto; padding:120px 0 0 10%;}

.destination ,.price ,.theme   { width:20%; height:50px; background:#fff; float:left; margin:0 10px 0 0; position:relative;}
.destination .beishuHouse { width:30px; height:30px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuHouseBg.png); float:left; background-size:100% 100%;}
.destination input { outline:none; float:left; width:75%; color:#0ea49e; font-size:16px; line-height:50px; margin:0 0 0 5px; border:none;}

.price .beishuprice {width:30px; height:30px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuPriceBg.png); float:left; background-size:100% 100%;}
.price input { outline:none; float:left; width:75%; color:#0ea49e; font-size:16px; line-height:50px; margin:0 0 0 3px; border:none;}

.theme .beishutheme { width:30px; height:30px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuThemeBg.png); float:left; background-size:100% 100%;}
.theme input { outline:none; float:left; width:75%; color:#0ea49e; font-size:16px; line-height:50px; margin:0 0 0 5px; border:none;}

.Search { width:20%; float:left; background:#0ea49e; height:50px;}
.Search button { width:100%; height:50px; border:none; background:#0ea49e;  color:#fff; font-size:20px; cursor:pointer; }

.cityChoose { width:100%; position:absolute; top:50px; left:0; background:#0ea49e; padding:0 5px; box-sizing:border-box;}
.cityChoose a {font-size:14px; text-decoration:none; color:#fff; width:40%; text-align:center; display:inline-block; margin:5px 0 0 0;}

.priceChoose { width:100%; position:absolute;  top:50px; left:0; background:#0ea49e; padding:0 5px; box-sizing:border-box;}
.priceChoose a {font-size:14px; text-decoration:none; color:#fff; width:43%; text-align:center; display:inline-block; margin:5px 0 0 0;}

.themeChoose { width:100%; position:absolute; top:50px; left:0; background:#0ea49e; padding:0 5px; box-sizing:border-box;}
.themeChoose a {font-size:14px; text-decoration:none; color:#fff; width:30%;  text-align:center; display:inline-block; margin:5px 0 0 0;}


/*holeContent*/
.holeContent { width:980px; margin:20px auto 0;  padding:0 0 20px 0; border-bottom:1px solid #CCC;}
.holeContentTop { overflow: hidden; height:60px;}
.holeContent h3 { font-size:22px; color:#565a5c; font-weight:normal; height: 40px; line-height: 40px; border-bottom:1px solid #fabe00
;margin: 0 0 10px 0; float: left;}
.holeContentTop .littleBiaoqian { width: 23px; height: 22px; display: inline-block; background: url(../img/bn/biaoqianBg.png); float: left; margin: 12px 0 0 10px;}
.pictuerLeftTextRight .pictuerLeft{width:480px; height:380px; float:left;  position:relative;}
.pictuerLeft img {width:480px; height:380px; position:absolute;}
.pictuerLeft .Current{ -moz-animation:change 1s; -ms-animation:change 1s; -o-animation:change 1s; -webkit-animation:change 1s; z-index:1;}
	@-webkit-keyframes change{
		0% { opacity:0}
		100% { opacity:1}	
	}
	@-moz-keyframes change{
		0% { opacity:0}
		100% { opacity:1}	
	}
	@-ms-keyframes change{
		0% { opacity:0}
		100% { opacity:1}	
	}
	@-o-keyframes change{
		0% { opacity:0}
		100% { opacity:1}	
	}

.RightAll {padding: 10px; box-sizing: border-box; width: 450px; float: left; margin: 0 0 0 20px;border:2px solid #fabe00; position: relative;height: 400px; }
.TextRight .littleTittle { font-size:18px; font-weight:bold; color:#565a5c; margin:0 0 10px 0;}
.TextRight span { font-size:16px; color:#565a5c; line-height:32px;}

.clickMore01 ,.clickMore02 ,.clickMore03{ position: absolute; width:100px; height: 34px; border-radius: 10px; background: #0ea49e; border: none; list-style: none; color: #fff;}
.clickMore01 { bottom: 10px; right: 280px;}
.clickMore02 { bottom: 10px; right: 150px;}
.clickMore03 { bottom: 10px; right: 20px;}

 .pictuerLeftTextRight .PriceAll {font-size:32px; color:#555; position:absolute; right:0; bottom:50px;}
 .pictuerLeftTextRight .clickMore {  position:absolute; right:0; bottom:0px; width:25%; height:40px; border:none; cursor:pointer;outline:none; background:#0ea49e; color:#fff; font-size:18px;}

.pictuerLeftTextRight { position:relative;}
.pictuerLeftTextRight ol { position:absolute; z-index:2; left:25%; bottom:5%;}
.pictuerLeftTextRight ol li { width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); list-style:none; float:left; margin:0 0 0 3px;}
.pictuerLeftTextRight ol .current { background:#fff;}


/*threePictureShow*/
.threePictureShow { width:980px; margin:30px auto 0;}
.threePictureShow h4 { margin:0 0 10px 0; font-size:18px; color:#565a5c; font-weight:normal;}
.threePicture { width:980px;}
.threePicture ul { width:980px;}
.threePicture ul li{float:left; width:300px; list-style:none; margin:0 10px 0 0; position:relative;}
.threePicture ul li img{width:300px;  height:180px; }


.DescribleOfPicture { position:absolute; left:0; bottom:0; z-index:3; width:300px;  background:rgba(0,0,0,0.8);}
.DescribleOfPicture a { text-decoration:none; float:left; margin:0 0 0 10px; width:45%; color:#fff;}

#indexfooter{  }
#indexfoot1{ height: 100px; background: url(../img/bn/foot1.jpg) center  top}
.footer3{ text-align: center; color: #686666; line-height: 50px; background-color: #dad6d4}
#footerm {background-color: #dad6d4;}
#footerm img { float: left;}
#footerm ul{ float: left; font-size: 14px; line-height: 24px; margin-right: 50px; padding-left: 50px; margin-top: 40px;}
#footerm ul li a{ color: #000; text-decoration: none;}
#footerm ul li a:hover{ color: #0ea49e;}
#right-ad{ width: 80px;  display: none; height: 200px; position: fixed; top: 139px; z-index: 10; right: 10px; background: url(../img/bn/rad.jpg);}








